<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>账号信息修改</title>
    <!-- <link rel="stylesheet" type="text/css" href={{ url_for('static', filename = 'css/font-awesome.min.css') }}>
    <link rel="stylesheet" type="text/css" href={{ url_for('static', filename = 'css/common.css') }}>
    <link rel="stylesheet" type="text/css" href={{ url_for('static', filename = 'css/usercenter.css') }}>
    <link rel="stylesheet" type="text/css" href={{ url_for('static', filename = 'css/footer.css') }}>
    <link rel="stylesheet" type="text/css" href={{ url_for('static', filename = 'css/bootstrap.min.css') }}>
    <script type="text/javascript" src="../static/js/jquery.min.js"></script>
    <script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
    <script src={{ url_for('static', filename = 'js/alert.js') }}></script>
    <script src={{ url_for('static', filename = 'js/echarts.js') }}></script> -->


    <script type="text/javascript" src="../static/js/jquery.min.js"></script>
    <script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href='../static/css/font-awesome.min.css'>
    <link rel="stylesheet" type="text/css" href='../static/css/common.css'>
    <link rel="stylesheet" type="text/css" href='../static/css/usercenter.css'>
    <link rel="stylesheet" type="text/css" href='../static/css/footer.css'>
    <link rel="stylesheet" type="text/css" href='../static/css/bootstrap.min.css'>
    <script src={{ url_for('static', filename = 'js/alert.js') }}></script>
    <script src={{ url_for('static', filename = 'js/echarts.js') }}></script>




</head>
<body>
<html>

<head>
        <style>
        html{
            height: 100%;
        }
        body {
            height: 100%;
            margin: 0px;
            padding: 0px;
        }
        #container2 {
            width: 750px;
            height: 320px;
        }
    </style>
</head>

<body>
<div class="container">


    <div class="row">

        <div class="col-xs-2 left text-center">

            <h4>管理中兴</h4>
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#userinfo" aria-controls="userinfo"          role="tab"    data-toggle="tab">账户操作</a></li>
                <li role="presentation" class="left"> <a href="#xiugai" aria-controls="xiugai"               role="tab"    data-toggle="tab">文章操作</a></li>
                <li role="presentation" class="left"> <a href="#wodeshoucang" aria-controls="wodeshoucang"   role="tab"    data-toggle="tab">商品操作</a></li>
                <li role="presentation" class="left"> <a href="#gouwuche" aria-controls="gouwuche"           role="tab"    data-toggle="tab">日志查询</a></li>
              </ul>

        </div>



        <div class="col-xs-10 right">

             <!-- Tab panes -->
             <div class="tab-content">
                <div role="tabpanel" class="tab-pane active fade" id="userinfo">

                    <div class="container">
                        <p> 账户操作</p> 
                        <table class="table table-hover">
                            <thead>
                                <tr class="row">
                                    <th class="col-xs-1">序号</th>
                                    <th class="col-xs-2">用户名</th>
                                    <th class="col-xs-3">电话号码</th>
                                    <th class="col-xs-3">用户邮箱</th>
                                    <th class="col-xs-2">文章数目</th>
                                    <th class="col-xs-1">操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for ite in item %}
                                <tr class="row">
                                    <td class="col-xs-1">{{ite.id }}</td>
                                    <td class="col-xs-2">{{ite.user_name}}</td>
                                    <td class="col-xs-3">{{ite.phone}}</td>
                                    <td class="col-xs-2">{{ite.email}}</td>
                                    <td class="col-xs-2">{{ite.artical_count}}</td>
                                    <td class="col-xs-2"><a href="/admin?del={{ ite.id }}">删除</a></td>
                                </tr>
                                {% endfor %}
                            </tbody>  
                        </table> 
                    </div>


                </div>


                <div role="tabpanel" class="tab-pane fade" id="xiugai">




                    <div class="container">
                        <p> 文章操作</p> 
                        <table class="table table-hover">
                            <thead>
                                <tr class="row">
                                    <th class="col-xs-1">序号</th>
                                    <th class="col-xs-2">标题</th>
                                    <th class="col-xs-3">点击量</th>
                                    <th class="col-xs-3">地址</th>
                                    <th class="col-xs-2">作者(用户)</th>
                                    <th class="col-xs-1">操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for ite in arc %}
                                <tr class="row">
                                    <td class="col-xs-1">{{ite.id }}</td>
                                    <td class="col-xs-2">{{ite.arc_name }}</td>
                                    <td class="col-xs-3">{{ite.arc_click}}</td>
                                    <td class="col-xs-2">{{ite.arc_location}}</td>
                                    <td class="col-xs-2">{{ite.arc_author}}</td>
                                    <td class="col-xs-2"><a href="/admin?del={{ ite.arc_name }}">删除</a></td>
                                </tr>
                                {% endfor %}
                            </tbody>  
                        </table> 
                    </div>


                </div>



                <div role="tabpanel" class="tab-pane fade" id="wodeshoucang">商品操作</div>
                <div role="tabpanel" class="tab-pane fade" id="gouwuche">
                    
                    <div class="container">
                        <p> 日志查询</p> 
                        <table class="table table-striped table-bordered table-hover">
                            <thead>
                            <tr>
                                    <td>序号</td>
                                    <td>操作用户</td>
                                    <td>行为</td>
                                    <td>操作者IP地址</td>
                                    <td>操作日期</td>
                            </tr>
                            </thead>
                            <tbody>
                            {% for i in content %}
                                <tr>
                                        <td>{{ i.id }}</td>
                                        <td>{{ i.op_user }}</td>
                                        <td>{{ i.op }}</td>
                                        <td>{{ i.IP }}</td>
                                        <td>{{ i.op_date }}</td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table> 
                    </div>


                </div>
            </div>

        </div>


    </div>
</div>
</body>
</html>